<script setup>

</script>

<template>
 <div style="height: 1274px;">
   <header>
     协议规则
   </header>
   <main>
  <div class="btn">
    <button>用户协议</button>
    <button>隐私协议</button>
    <button>平台协议</button>
    <button>商家入驻申请协议</button>
    <button>关于我们</button>

  </div>
     <textarea name="" id="" cols="30" rows="10"></textarea>
   </main>
 </div>
</template>

<style scoped lang="scss">
header{
  color: #6EA391;
  margin: 20px;
}
main{
  flex: 1;
display: flex;
  background-color: #FFFFFF;
  padding: 20px;
  height: 700px;
  .btn{
    //background-color: #75A2F3;
    width: 150px;
    display: flex;
    flex-direction: column;
      button{
        background-color: transparent;
        border: none;
        width: 150px;
        height: 40px;
        color: #666666;
        &:hover{
          color: white;
          background: #509A80;
        }
      }

  }
  textarea{
      flex: 1;
    height: 427px;
  }
}
</style>